<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/better-selection.css">
		<title></title>
	</head>
	<body>
		<div class="header">优选</div>
		<div class="sale-top">
			<div class="transverse">
				<a href="#"><img src="./img/betterselection/images/01.jpg" alt=""></a>
				<a href="#"><img src="./img/betterselection/images/01.jpg" alt=""></a>
			</div>
			<div class="list">
				<a class="item">
					<img src="./img/betterselection/images/top1.jpg" alt="">
					<div>本家推荐</div>
				</a>
				<a class="item">
					<img src="./img/betterselection/images/top2.jpg" alt="">
					<div>挑选师推荐</div>
				</a>
				<a class="item">
					<img src="./img/betterselection/images/top3.jpg" alt="">
					<div>私物推荐</div>
				</a>
				<a class="item">
					<img src="./img/betterselection/images/top4.jpg" alt="">
					<div>本家LOOK</div>
				</a>

			</div>
		</div>
		<div class="selection">
			<div class="title">本家甄选</div>
			<a class="big-box" href="#">
				<img src="./img/betterselection/images/2-1.jpg" alt="">
				<div class="text">
					<div class="top">叠韵滤光器，氛围造型大师</div>
					<div class="bottom">光笼，来自斯德哥尔摩的光晕礼赞</div>
				</div>
			</a>
			<div class="list">
				<a class="item" href="#">
					<div class="text">
						<div class="top">编织底双色鞋子 多色可选</div>
						<div class="bottom">透气性好，时尚感强</div>
					</div>
					<img src="./img/betterselection/images/2-2.jpg" alt="">
				</a>
				<a class="item" href="#">
					<div class="text">
						<div class="top">炻瓷储物罐系列</div>
						<div class="bottom">避光密封 坚韧耐摔 多道工序 匠心制作 拥有更久的赏味期限</div>
					</div>
					<img src="./img/betterselection/images/2-3.jpg" alt="">
				</a>
			</div>
		</div>
		<div class="ten-clock">
			<div class="title">十点一刻</div>
			<div class="list">
				<div class="item">
					<div class="text">
						<div>— 今日话题 —</div>
						<div class="name">一念之间的重要性</div>
						<div class="details">有没有哪个瞬间的念头，改变你一段时间的
							生活轨迹？</div>
					</div>
				</div>
				<div class="item">
					<div class="text">
						<div>— 今日话题 —</div>
						<div class="name">一念之间的重要性</div>
						<div class="details">有没有哪个瞬间的念头，改变你一段时间的生活轨迹？</div>
					</div>
				</div>
			</div>
		</div>
		<div class="recommend">
			<div class="title">本家推荐</div>
			<a class="big-box" href="#">
				<img src="./img/betterselection/images/3.jpg" alt="">
				<div class="text">
					<div class="top">夏季出游必备</div>
					<div class="bottom">舒心出行，本家为你推荐的5个tips不能忘</div>
				</div>
			</a>
		</div>
		<div class="LOOK">
			<div class="title">本家LOOK</div>
			<div class="list">
				<a class="item-3pic" href="#">
					<div class="pic">
						<div class="left">
							<img src="./img/betterselection/images/4-1-1.jpg" alt="">
						</div>
						<div class="right">
							<img src="./img/betterselection/images/4-1-2.jpg" alt="">
							<img src="./img/betterselection/images/4-1-3.jpg" alt="">
						</div>
					</div>
					<div class="text">给牛仔加点火山岩</div>
				</a>
				<a class="item-3pic" href="#">
					<div class="pic">
						<div class="left">
							<img src="./img/betterselection/images/4-2-1.jpg" alt="">
						</div>
						<div class="right">
							<img src="./img/betterselection/images/4-2-2.jpg" alt="">
							<img src="./img/betterselection/images/4-2-3.jpg" alt="">
						</div>
					</div>
					<div class="text">婚纱拍照必看功课</div>
				</a>
				<a class="item-1pic" href="#">
					<img src="./img/betterselection/images/4-3.jpg" alt="">
					<div class="text">夏天的清凉，多亏了这抹茶绿</div>
				</a>
				<a class="item-3pic" href="#">
					<div class="pic">
						<div class="left">
							<img src="./img/betterselection/images/4-4-1.jpg" alt="">
						</div>
						<div class="right">
							<img src="./img/betterselection/images/4-4-2.jpg" alt="">
							<img src="./img/betterselection/images/4-4-3.jpg" alt="">
						</div>
					</div>
					<div class="text">你的厨房只是少了它</div>
				</a>
				<a class="item-1pic" href="#">
					<img src="./img/betterselection/images/4-5.jpg" alt="">
					<div class="text">家的精致主义</div>
				</a>
				<a class="item-1pic" href="#">
					<img src="./img/betterselection/images/4-6.jpg" alt="">
					<div class="text">收纳，让小家越住越大</div>
				</a>
				
			</div>
		</div>
		<div class="nav">
			<div class="nav-box">
				<img src="./img/gouwuche/img_15.png" alt="">
				<div>首页</div>
			</div>
			<div class="nav-box">
				<img src="./img/gouwuche/img_06.png" alt="">
				<div>优选</div>
			</div>
			<div class="nav-box">
				<img src="./img/gouwuche/img_09.png" alt="">
				<div>分类</div>
			</div>
			<div class="nav-box">
				<img src="./img/gouwuche/img_03.png" alt="">
				<div>购物车</div>
			</div>
			<div class="nav-box">
				<img src="./img/gouwuche/img_12.png" alt="">
				<div>我的</div>
			</div>
		</div>
		<span class="totop">
			<img src="./img/home/img/totop_03.png" alt="">
		</span>
	</body>
</html>
